<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <textarea name="" id="" cols="30" rows="10">
        极客营注意事项
        1.元谋超帅
        2.袁某更帅
        4.某川最帅
    </textarea><br>
    <input type="submit" id="btn" value="请仔细看我(5)" disabled>
    <script>
        var btn = document.getElementById("btn");
        var time = 5;
        var timer = setInterval(function () {
            time--;
            if (time <= 0) {
                /* removeProperty与removeAttribute的区别是：
符合w3c的（gecko,opera,webkit）的使用removeProperty
IE的使用removeAttribute */
                btn.value = '同意';
                btn.removeProperty('disabled'); //只能用removeAttribute('disabled');不能用removeProperty('disabled')
                // btn.disabled=false;
                clearInterval(timer);
            } else {
                btn.value = `请仔细看我(${time})`
            }
        }, 500)
    </script>
</body>

</html>